<template>
  <div id="main">
    <Hearder />
    <div class="container">
      <div class="content">
        <Nuxt />
      </div>
    </div>
    <Footers />
    <Card/>
  </div>
</template>

<script>
import Hearder from "../components/Hearder.vue";
import Footers from "../components/footer.vue";
import Card from "../components/card.vue";

export default {
  name: "HoneyDefault",

  data() {
    return {};
  },

  mounted() {},
  components: {
    Hearder,
    Footers,
    Card
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
#main {
  overflow-x: hidden;
  width: 100%;
  height: 100vh;
  /* background: #f4f4f4; */
  .container {
      background: rgb(75, 167, 228);
      height: 100px;
    margin-top: 80px;
    width: 100%;
    min-height: calc(100vh - 500px);
    .content {
      margin: 0 auto;
    }
  }
}
</style>